<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社会责任 - 广东八灵科技发展有限公司</title>
    <link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsibility.css">
</head>
<body>
    <!-- 导航栏占位符 -->
    <div id="navbar-placeholder"></div>
    <!-- 新闻横幅 Banner -->
    <div class="joinus-banner">
        <h1 class="joinus-banner-title">企业社会责任</h1>
    </div>
    <!-- 社会责任内容区域 -->
    <div class="responsibility-grid">
        <!-- 公益慈善文本 -->
        <div class="resp-block resp-text">
            <h3>公益慈善</h3>
            <p>公司积极承担社会责任，通过各类慈善活动"传爱粒小行进温情"等项目，并在2023年赞助"儿童重症救助""爱童行"，通过爱的行动，让爱继续在生活中传递的目标和社会的认可。</p>
        </div>
        
        <!-- 公益慈善图片 -->
        <div class="resp-block resp-image">
            <img src="assets/images/responsibility1.png" alt="公益慈善活动图片">
        </div>
        
        <!-- 校企合作图片 -->
        <div class="resp-block resp-image">
            <img src="assets/images/responsibility2.png" alt="校企合作活动图片">
        </div>
        
        <!-- 校企合作文本 -->
        <div class="resp-block resp-text">
            <h3>校企合作</h3>
            <p>公司积极开展校企合作共建工产学研实践基地，与全国多所知名高校建立合作关系，积极开展产学研活动为地方经济助力，为更多高校学生提供就业机会，网络内核教育与社会青年的纽带作用。</p>
        </div>
        
        <!-- 党建共建文本 -->
        <div class="resp-block resp-text">
            <h3>党建共建</h3>
            <p>成立党内学习小组党史学习教育贯彻落实会，不仅做到学史明理方方面面的结合落到实际，还能促使得资产阶级自由化分子，形成各党委要深深扎根的基础。</p>
        </div>
        
        <!-- 党建共建图片 -->
        <div class="resp-block resp-image">
            <img src="assets/images/responsibility3.png" alt="党建共建活动图片">
        </div>
    </div>

    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>

    <script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="assets/js/components.js"></script>
    <script>
        // 加载组件
        document.addEventListener('DOMContentLoaded', function() {
            loadComponents();
        });
    </script>
</body>
</html>